<template>
  <div class="cart-thead">
            <div class="t-checkbox"><input type="checkbox" class="check-all"> 全选</div><!--单选框 -->
            <div class="t-shangpin"> 商品</div><!--商品名-->
            <div class="t-props">    </div><!--不知道是啥-->
            <div class="t-price">单价</div><!--价格-->
            <div class="t-quantity">数量</div><!--数量-->
            <div class="t-sum">小计</div><!--小计-->
            <div class="t-action">操作</div><!--操作-->
        </div>
</template>

<script>
export default {

}
</script>

<style>
.cart-thead{
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            width: 1200px;
            margin: 0 auto;
            background-color: gainsboro;
            /* border: 1px solid gray; */
            padding: 3px;
            text-align: center;
        }
        .cart-thead div{
            height: 32px;
            line-height: 32px;
        }
        .cart-thead .t-props{
            width: 50px;
        }
        .cart-thead .t-action{
            margin-right: 50px;
        }
        .carp-tbody{
            width: 100%;

        }
</style>